<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">

</head>
<body id="body">
    <!--用表格做棋盘-->
    <table id="chess_board">
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
        <tr class="chess_board_tr">
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
            <td class="chess_board_td"></td>
        </tr>
    </table>

    <button type="button" id="game_reset">
        reset game!
    </button>

    <button type="button" id="first_hand">
        I'm first!
    </button>

    <script type="text/javascript", src="logics.js"></script>
</body>
</html>